eventを色分けする (react-big-calendar)

react-big-calendarで/icons/Google Calendar.iconみたく色分けする方法を探している

こんな感じにoptionを渡せばいい

code:tsx

const events = {

type: 'record',

start: ...,

end: ...,

};

<Calendar

events={events}

localizer={localizer}

startAccessor="start"

endAccessor="end"

defaultView="day"

eventPropGetter={({ type }) => {

switch (type) {

case 'record':

return {};

case 'schedule':

return {style:{backgroundColor:'skyblue'}};

}

return {};

}}

とりあえずIssuesからそれっぽいのを引っ張り出してきた

多分一番近い